import React from 'react';
import Sidebar from './Sidebar';
import Header from './Header';
import './document.css';

const Shared: React.FC = () => {
  return (
    <div className='document-container'>
      <Sidebar activeItem='shared' />
      <div className='main-content'>
        <Header />
        <div className='content-area'>
          <div className='content-header'>
            <h1>共享文档</h1>
            <p>查看和管理共享的文档</p>
          </div>
          <div className='content-body'>
            <div className='welcome-card'>
              <h2>共享文档列表</h2>
              <p>这里显示所有共享给您的文档</p>
              <div className='feature-grid'>
                <div className='feature-item'>
                  <h3>📄 项目计划书</h3>
                  <p>由张三共享 • 2小时前</p>
                </div>
                <div className='feature-item'>
                  <h3>📊 数据分析报告</h3>
                  <p>由李四共享 • 1天前</p>
                </div>
                <div className='feature-item'>
                  <h3>📝 会议纪要</h3>
                  <p>由王五共享 • 3天前</p>
                </div>
                <div className='feature-item'>
                  <h3>📋 任务清单</h3>
                  <p>由赵六共享 • 1周前</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Shared;
